<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div class="box">
        我是div
        <span>我是span</span>
    </div>
    <script>
        // 获取box元素
        var boxEle = document.querySelector(".box");
        console.log(boxEle);
        // cloneNode 克隆元素 ，把元素复制一份 ，默认参数是false ，不复制子元素。 true ，复制元素里的子元素
        var copyBox =  boxEle.cloneNode(true);
        console.log(copyBox);
        document.body.appendChild(copyBox);




        // var str  ="adfsadfsaf";
        // console.log( str.length);
        // var obj = {
        //     name:"张三",
        //     age:20
        // }

        // // console.log(obj.length);

        // var length = 0;


        // for(var key in obj){
        //     length++
        // }
        // console.log(length);

        // var num  =0;

        // function fn() {
        //     var timer = setTimeout(() => {
        //         // console.log("settimeout");
        //         num++;
        //         console.log(num);
        //         if(num<8){
        //             fn();
        //         }
        //         // fn();
        //         // clearTimeout(timer);
        //     }, 1000);
        // }
        // fn();


    </script>
</body>

</html>